<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec"    uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ms-theme-blue">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>
  
  <div class="container-fluid ms-container has-ms-sidemenu">
    
    <ol class="ms-breadcrumb breadcrumb">
      <li class="active">回单确认 - 过滤查询</li>
    </ol>
    
    <div class="ms-content-layout">
    
      <form class="form-horizontal ms-form form-personal-info" method="GET" action="${ctx.host}/trans-orders" >
        
        <input type="hidden" name="filter" value="true" >
        
        <div class="form-group ms-form-group">
          <jsp:include page="/WEB-INF/jsps/business/select-company.jsp">
            <jsp:param value="false" name="multiple"/>
          </jsp:include>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label"><span class="text-red"></span>派车单号：</label>
          <div class="col-xs-3">
             <input type="text" name="dispatchOrderCode" class="form-control" placeholder="请填写派车单号" tabindex="2">
          </div>
          
          <label class="col-xs-2 control-label">驳运车号：</label>
          <div class="col-xs-3 modal-search-warp">
             <input type="text" class="form-control vehicle-search modal-search"
                              data-org="organizationId" data-value-name="vehicleId" placeholder="请填写驳运车号"
                              data-modal-search="#modal-search-vehicle" tabindex="3">
             <a href="javascript:void(0);" class="btn" data-koala-search="true"
                data-target="#modal-search-vehicle" data-toggle="modal">
                 <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
             </a>
           </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">调度指令号：</label>
          <div class="col-xs-3">
            <input type="text" name="loadNumber" class="form-control" placeholder="请填写调度指令号" autocomplete="off" tabindex="4">
          </div>
        
          <label class="col-xs-2 control-label">安吉调度指令组号：</label>
          <div class="col-xs-3">
          	<input type="text" name="shipmentGroupId" class="form-control" placeholder="请填写安吉调度指令组号" autocomplete="off" tabindex="5">
          </div>
        </div>
        
        <div class="form-group ms-form-group">
         <label class="col-xs-2 control-label">起始地（装卸地）：</label>
         <div class="col-xs-3 modal-search-warp">
          <input type="text" class="form-control fromLoadPlace-search modal-search" 
                             data-value-name="startFacilityId" placeholder="请填写起始地"
                             data-modal-search="#modal-search-fromLoadPlace" tabindex="6">
          <a href="javascript:void(0);" class="btn" data-target="#modal-search-fromLoadPlace" data-toggle="modal">
            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
          </a>
        </div>
         <label class="col-xs-2 control-label">目的地（装卸地）：</label>
          <div class="col-xs-3 modal-search-warp">
          <input type="text" class="form-control toLoadPlace-search modal-search" 
                             data-value-name="destinationFacilityId" placeholder="请填写目的地"
                             data-modal-search="#modal-search-toLoadPlace" tabindex="7">
          <a href="javascript:void(0);" class="btn" data-target="#modal-search-toLoadPlace" data-toggle="modal">
            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
          </a>
        </div>
       </div>
        
      <div class="form-group ms-form-group">
        <label class="col-xs-2 control-label">主驾驶员：</label>
        <div class="col-xs-3 modal-search-warp">
          <input type="text" class="form-control eId-search modal-search" data-value-name="mainDriverId" 
                            data-org="organizationId" placeholder="请填写主驾驶员"  
                            data-modal-search="#modal-search-eId" tabindex="8" >
          <a href="javascript:void(0);" class="btn"  data-koala-search="true" data-target="#modal-search-eId" data-toggle="modal">
            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
          </a>
        </div>
        <label class="col-xs-2 control-label">第一副驾驶员：</label>
         <div class="col-xs-3 modal-search-warp">
          <input type="text" class="form-control fId-search modal-search" data-value-name="firstViceDriverId"
                             data-org="organizationId" placeholder="请填写第一副驾驶员" 
                             data-modal-search="#modal-search-fId" tabindex="9">
          <a href="javascript:void(0);" class="btn" data-koala-search="true" data-target="#modal-search-fId" data-toggle="modal">
            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
          </a>
        </div>
      </div>
      
       <div class="form-group ms-form-group">
         <label class="col-xs-2 control-label">派车单日期：</label>
         <div class="col-xs-8 common-date">
           <input type="text" name="beginDispatchDate" class="form-control date" placeholder="请填写派车单开始日期" tabindex="10" autocomplete="off">
           <label class="control-label">到：</label>
           <input type="text" name="endDispatchDate" class="form-control date" placeholder="请填写派车单结束日期" tabindex="11" autocomplete="off">
         </div>
       </div>
      
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">隐藏全部回单的派车单：</label>
          <div class="col-xs-3">
             <select class="select2 form-control" name="accomplishConfirm" tabindex="12">
               <option value="false">是</option>
              <option value="">否</option>
            </select>
          </div>
        </div>

        <div class="form-group ms-form-group">
        	<div class="col-xs-6 col-xs-offset-3 ms-operation-group top-margin-20 text-center">
            <div class="col-xs-5">
              <button type="reset" class="btn btn-block btn-default">重置</button>
            </div>
            <div class="col-xs-5">
              <button type="submit" class="btn btn-block btn-primary">查询</button>
            </div>
        	</div>
        </div>

      </form>

    </div> 
  </div>       

  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/business/trans-order/trans-order-search.js" />
  <script type="text/javascript">
    require(['page/business/trans-order/trans-order-search'], function(page) {
      page.init()
    })
  </script>  

</body>
</html>